<template>
  <div>
      <!-- 操作Dom -->
      <h3 v-abc="false">自定义指令</h3>

      <input v-def v-fou type="text">
  </div>
</template>

<script>
export default {
    // 配置自定义指令
    directives: {
        // el  当前dom
        // option  当前指令的配置
        abc(el, option) {
            // v-show
            if (option.value) {
                el.style.display = "block"
            } else {
                el.style.display = "none"
            }
            console.log(el, option)
        },
        fou(el, option) {
            // el.focus()
            // el.value = "默认值"
        }
        // fou: {
        //     bind(el) {
        //         el.focus()
        //     }
        // }
    }
}
</script>

<style>

</style>